@import '../common.less';
.@{prefix}-tab {
    white-space: nowrap;
    background: #fff;
    margin-bottom: 10rpx;
    .item,
    .selected {
        display: inline-block;
        height: 88rpx;
        line-height: 88rpx;
        margin: 0 10rpx;
        padding: 0 20rpx;
        position: relative;
        .icon {
            margin-right: 12rpx;
            font-size: 24rpx;
        }
    }
    .item {
        .@{prefix}-badge {
            top: 14rpx;
            right: -26rpx;
            position: absolute;
            &.dot {
                top: 24rpx;
                right: 0;
            }
            &[class*='@{prefix}-icon-'] {
                font-size: 24rpx;
                top: 24rpx;
                right: -6rpx;
            }
            &.animation {
                top: 22rpx;
                right: 0;
            }
        }
    }
    .selected {
        font-size: 28rpx;
        position: relative;
        &::after {
           content: '';
            width: 100%;
            height: 4rpx;
            position: absolute;
            left: 50%;
            bottom: 0;
            background-color: var(--active-line);
            transform: translate(-50%, 0);
        }
    }
}
.@{prefix}-swiper {
    background: #fff;
    .@{prefix}-swiper-item {
        height: auto!important;
        overflow-y: scroll;
    }
}
